<template>
    <!-- 指令 -->
    <p>&lt;p&gt;abc&lt;/p&gt;</p>
    <p v-text="biaoqian"></p>
    <p v-html="biaoqian"></p>
    <!-- 双向数据绑定 -->
    <input type="text" v-model="val"/>
    <p>{{ '输入的内容是：' + val }}</p>
    <hr>
    <input type="text" v-model.number="x"/>
    +
    <input type="text" v-model.number="y"/>
    ={{ x + y }}
</template>
<script setup>
import { ref } from 'vue'
const biaoqian = ref('<p>abc</p>')
const val = ref('一')
const x = ref()
const y = ref()
</script>
<style scoped>
    
</style>